$(function() {
    // 点击去注册按钮
    $('#link-reg').on('click', function() {
            $('.login-box').hide()
            $('.reg-box').show()
        })
        // 点击去登陆按钮
    $('#link-login').on('click', function() {
            $('.login-box').show()
            $('.reg-box').hide()
        })
        // 注册判断条件
    layui.form.verify({
            // 注册同户名
            uname: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位的字母和数字'],
            // 注册密码
            pwd: [/^\S{6,15}$/, '密码必须是6-15位非空字符'],
            // 确认密码
            repwd: function(value) {
                const pwd = $('.reg-box [name="password"]').val()
                if (value != pwd) {
                    return '两次密码不一致'
                }
            }
        })
        // 创建一个表单注册事件
    $('.reg-box form').on('submit', function(e) {
            // 阻止默认行为
            e.preventDefault()
                // 传输数据
            axios.post('/api/reg', $(this).serialize()).then(function({ data: res }) {
                if (res.code === 0) {
                    // layui中的提示格式
                    layer.msg('注册成功请登录')
                        // 模拟点击行为
                    $('#link-login').click()
                } else {
                    layer.msg(res.message)

                }
            })
        })
        // 创建登录事件
    $('.login-box form').on('submit', function(e) {
        e.preventDefault();
        axios.post('/api/login', $(this).serialize()).then(function({ data: res }) {
            if (res.code === 0) {
                layer.msg('登录成功')
                    // 如果成功把token存在本地
                localStorage.setItem('token', res.token)
                location.href = '/index.html'
            } else {
                layer.msg('登录失败')
                localStorage.removeItem('token')
            }
        })
    })

})